﻿@model AceMobile.Models.Accessories.Accessory

@{
    ViewBag.Title = "Chi tiết thiết bị";
    AceMobile.Models.MobileWebContext context = new AceMobile.Models.MobileWebContext();
    List<AceMobile.Models.Accessories.AccessoryProducer> listProducer = context.AccessoryProducers.ToList();
}
 
<link href="../../Content/Phoneindex.css" rel="stylesheet" />
<style>
    #leftcontent
    {
        font-size: 14px;
        padding: 10px;
        width: 100%;
    }
</style>
<script>
    function detail_click() {
        if ($('#plusdetail').text() == "+") {
            $('#detail').fadeIn();
            $('#plusdetail').text("-");
        } else {
            $('#detail').fadeOut();
            $('#plusdetail').text("+");
        }
    }
    function concise_click() {
        if ($('#plusconcise').text() == "+") {
            $('#concise').fadeIn();
            $('#plusconcise').text("-");
        } else {
            $('#concise').fadeOut();
            $('#plusconcise').text("+");
        }
    }
</script>

<style>
    #content2{width:100%;margin-right:0px;background: none;float:inherit;border-radius:0px;box-shadow: 0px 0px 0px #000;padding:0px}      
</style>
                                             

   	    <div id="leftcontent">
            <h2>Chi tiết thiết bị</h2>
            <fieldset>
                <legend style="font-size: 16px; font-weight: bold">Thiết bị</legend>
                <table>
                    <tr>
                        <td style="width: 400px">
                            <div style="color: #ff6a00; font-weight: bold">Tên: @Html.DisplayFor(model => model.Name)</div>                            
                            <div>Giá: @Model.Price.ToString("#,##0") vnđ</div>                            
                            <div><span id="plusconcise" onclick="concise_click()" style="cursor: pointer">+</span> Thông tin vắn tắt: <br />
                                <div id="concise" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                                    @(new HtmlString(Model.ConciseFeature))
                                </div>
                            </div>
                            <div><span id="plusdetail" onclick="detail_click()" style="cursor: pointer">+</span> Thông tin chi tiết: <br />
                                <div id="detail" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                                    @(new HtmlString(Model.DetailFeature))
                                </div>
                            </div>
                            <div>Ngày sản xuất: @Html.DisplayFor(model => model.ManufacturingDate)</div>
                            <div>Sản xuất tại: @Html.DisplayFor(model => model.MadeIn)</div>   
                            <div>Hãng sản xuất: @Html.DisplayFor(model => model.AccessoryProducer.Name)</div>                               
                            <div>Số lượt quan tâm: @Html.DisplayFor(model => model.ViewAmount)</div>
                            <br /> 
                        </td>
                        <td>
                            <img src="@Url.Content(Model.ImageUrl.ToString())" /> 
                        </td>
                    </tr>
                </table>
                
            </fieldset>
            <p>
                @Html.ActionLink("Sửa dữ liệu", "Edit", new {id=Model.ID})  |    
                @Html.ActionLink("Trở lại danh sách", "Index")
            </p>
        </div>                
   